<template>
    <div class="schedule">
        <Steps :current="2" direction="vertical">
            <Step v-for="(item, index) in scheduleData" :key="index">
                <div class="title" slot="title">{{item.title}}</div>
                <div class="content" slot="content" v-html="item.content"></div>
            </Step>
        </Steps>
    </div>
</template>

<script>
    export default {
        data() {
            return {
                scheduleData: [
                    {
                        title: "考试预告阶段",
                        content: `当前项目阶段为考试预告阶段，请先查看考试公告做好报名准备，报名时间到达后将会

    开通报名入口。`
                    },
                    {
                        title: "报名阶段",
                        content: `<p>报名时间：2019年11月1日下午17：00-2019年11月7日上午10：00。</p><p>报名截止后，11月7日上午10：00-下午14：00为补充资料时间，即已在规定时间报名但由于资料不全审核不通过的考生，可在2019年11月7日下午14:00前重新提交完整资料，该阶段不接受新的考生报名。</p><p>报名链接：<span style="color: rgb(0, 102, 255);">www.baominggongjuURL.com</span></p>`
                    },
                    {
                        title: "打印准考证阶段",
                        content: `<p>一、准考证打印时间2019年11月8日17:00开启打印准考证通道</p><p>二、点击左侧“打印准考证入口”按钮可进入打印准考证页面，下载你的准考证后将准考证打印即可</p><p>三、注意事项</p><p>（一）报考资格审核合格的考生，请通过指定端口打印准考证，考生凭《准考证》和身份证参加笔试；</p><p>（二）信息不清晰、不完整的《准考证》为无效证件，请确保《准考证》页面整洁清晰、所有信息完整，如有疑问致电0755-23007245；</p><p>（三）考场相关秩序安排请仔细阅读《准考证》中的考场规则，考场不设停车位，请绿色出行；</p><p>（四）本通知未尽事项，由深圳市天域人力资源有限公司负责解释。</p><p>报名链接：<span style="color: rgb(0, 102, 255);">www.zhunkaozhenggongjuURL.com</span></p>`
                    },
                    {
                        title: "笔试阶段",
                        content: "当前阶段还未开始"
                    },
                    {
                        title: "笔试成绩公布",
                        content: "当前阶段还未开始"
                    },
                    {
                        title: "面试阶段",
                        content: "当前阶段还未开始"
                    },
                    {
                        title: "总成绩公布",
                        content: "当前阶段还未开始"
                    },
                    {
                        title: "公示阶段",
                        content: "当前阶段还未开始"
                    }
                ]
            }
        }
    }
</script>

<style lang="less" scoped>
.schedule {
    .title {
        font-size: 18px;
    }
    .content {
        font-size: 16px;
    }
}
</style>